<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Kale Extension</title>
    <link rel="stylesheet" href="./popup.css" />
  </head>
  <body>
    <div class="discount-header">
      <div class="logo">&#x1D4A6;</div>
      <div id="close-btn">X</div>
    </div>
    <div class="discount-content">
      <div class="discount-content-left-body">
        <img
          id="icon"
          src="https://889r7vs5ma.ufs.sh/f/lB9nBfMEwa3m2tA7F1odSn4gaWt3YBr1UjzcQvIeNXuy7C8l"
          alt="Kale Icon"
        />
      </div>
      <div class="discount-content-body">
        <h1>Hey there!</h1>
        <p>If the popup is not appearing, try refreshing the page!</p>
      </div>
    </div>
    <script src="./popup.js" type="module"></script>
  </body>
</html>
